"use client";
/**
 * 什么时候使用 "use client"
 * 1.当使用react客户端的特性，例如useEffect，useState
 * 2.依赖浏览器的api，例如window，document，localStroage
 * 3.交互项强的ui组件，例如按钮点击，模态框，弹出菜单等
 * 4.客户端库，例如状态组件库
 */

import { useEffect, useState } from "react";
import { RenameModal } from "@/components/modals/rename-modal";

export const ModalPropvider = () => {
  const [isMounted, setIsMounted] = useState(false);

  // 确保这个组件是客户端渲染完毕之后才加载的
  useEffect(() => {
    setIsMounted(true);
  }, []);

  if (!isMounted) return null;
  return (
    <>
      <RenameModal></RenameModal>
    </>
  );
};
